<template>
    <div :data-font="$i18n.locale" class="title">{{ title }}</div>
</template>
    <!-- 蓝紫色标题 -->
<script>
export default {
    props: ["title"]
}
</script>

<style lang="less" scoped>
.title {
    font-size: 0.59rem;
    font-weight: normal;
    color: #7709CC;
    line-height: 0.96rem;
    margin-bottom: 0.43rem;
}

.title[data-font='zh'] {
    font-family: 'IdeaFonts-DianHei-FEJ', 'IdeaFonts-DianHei';
}

.title[data-font='en'] {
    font-family: 'Helvetica-Bold, Helvetica';
}
</style>